<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>速乐约官网-新闻中心</title>
        <link rel="stylesheet" href="css/uikit.css" />
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/uikit.min.js"></script>
        <script>
            $(document).ready(function(){
                $('.gotop').on({click: function(){
                            document.body.scrollTop = 0;
                            document.documentElement.scrollTop = 0;

                    }
                })
                
            })
        </script>
    </head>
    <body>
        <header>
            <div class="flexR head">
                <a href="index.html" class="logo">
                    <img src="images/logo.png" />
                </a>
                <button class="uk-button navBtn" type="button">
                    <img src="images/btn.png" />
                </button>
                <nav uk-dropdown>
                    <ul class="navclass flexC uk-nav uk-dropdown-nav">
                        <li  class="active">
                            <a href="index.html" class="curra">首页</a>
                        </li>
                        <li>
                            <a href="about.html" class="curra">关于我们</a>
                        </li>
                        <li>
                            <a href="product.html" class="curra">产品中心</a>
                            <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="price.html" >产品报价</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="free.html" class="curra">免费试用</a>
                        </li>
                        <li>
                            <a href="login.html" class="curra">用户登录</a>
                        </li>
                        <li>
                            <a href="contact.html" class="curra">联系我们</a>
                        </li>
                    </ul>
                </nav>
          </div>
        </header>
        <section class="xbanner">
            <img src="images/newban.jpg" />
            <div class="xbanTit">
                <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 100">News Center</h1>
                <span uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 200">新闻中心</span>
                <div class="xban_line"></div>
            </div>
        </section>
        <section>
            <div class="newslist flexC">
                <div class="newsLeft" >
                    <img src="images/new1.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 100">
                    <img src="images/new2.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 200">
                </div>
                <ul class="flexR" uk-scrollspy="target: > li; cls: uk-animation-slide-bottom; delay: 300">
                    <li>
                        <div>
                            <img src="images/nimg.png" />
                        </div>
                        <div class="flexR">
                            <a href="" >查看详情</a>
                            <h3><b>4/15</b>2021</h3>
                            <div>
                                <h5>广州时空摄影馆系统合作会议</h5>
                                <span>此次会议从销售谈单多个角度会谈</span>
                            </div>
                        </div>

                    </li>
                    <li>
                        <div>
                            <img src="images/nimg2.png" />
                        </div>
                        <div class="flexR">
                            <a href="" >查看详情</a>
                            <h3><b>4/15</b>2021</h3>
                            <div>
                                <h5>广州时空摄影馆系统合作会议</h5>
                                <span>此次会议从销售谈单多个角度会谈</span>
                            </div>
                        </div>

                    </li>
                </ul>
            </div>
        </section>
        <footer>
            <div class="foot">
                <div class="foot_right">
                    <div>
                        <img src="images/ewm.png" />
                        <span>客服微信</span>
                    </div>
                    <!-- <div  uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                        <img src="images/ewm_two.png" />
                        <span>客服微信</span>
                    </div> -->
                </div>
                <div class="footTel">
                    <p>联系方式：王经理 139-1303-8359</p>
                    <p>公司地址：江苏省南京市凤华路18号紫金（雨花）<br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     科技创业特别社区2栋阿尔法楼B301</p>
                    <img src="images/topbtn.png" class="gotop" />
                </div>
            </div>
        </footer>
    </body>
</html>